<ion-modal-view view-title="线路" >
	<ion-header-bar class="bar-balanced">
		<button class="button button-clear" ui-sref="station"><i class="we-font we-icon-back"></i>{{ prevPage }}</button>
		<h1 class="title">{{ stationName }}路</h1>
	</ion-header-bar>
	<zhx-pop-tip show-tip="lineData.tipShown" content="lineData.tipContent" time="lineData.tipTime"></zhx-pop-tip>
	<ion-content class="fixAndroidScroll line-con" scrollbar-x="false" scrollbar-y="false" delegate-handle="lineMapContent">
		<div class="line-header" bindonce>
			<div class="line-top">
				<span>{{ lineData.firstStationName }} <i class="line-to we-font we-icon-icon"></i> {{ lineData.lastStationName }}</span>
			</div>
			<div class="line-bottom">
<!-- 				<div class="start-time"><i class="we-font we-icon-sun"></i><span bo-text='lineData.firstBusTime'></span></div>
				<div class="end-time"><i class="we-font we-icon-moon1"></i><span bo-text='lineData.lastBusTime'></span></div> -->
                <div class="line-start-time"><i class="we-font we-icon-sun"></i><span ng-bind='lineData.evalStartBusTime'></span></div>
                <div class="line-end-time"><i class="we-font we-icon-moon1"></i><span ng-bind='lineData.evalEndBusTime '></span></div>
				<div class="pay">
					<i class="we-font we-icon-rmb"></i>
					<span bo-text="lineData.highestPrice - lineData.startPrice > 0 ? lineData.startPrice + ' - ' + lineData.highestPrice : lineData.highestPrice + '元' "></span>
				</div>
			</div>
		</div>
		<div class="line-predict" ng-if="!lineData.nobus" ng-class="{smallScreen : scaleSmall}">
			<div class="line-pre-station"><span>距</span> {{ lineData.busInfo.stationName == null ? lineData.stationName : lineData.busInfo.stationName }} </div>
			<div class="line-pre-info">
				<!--
					车辆状态有 即将到站 和 已到站， 二者状态下不显示还有几站和几分钟
				-->
				<div ng-if="lineData.busInfo.busStatus != 1 && lineData.busInfo.busStatus != 4" class="line-pre-stationNum">{{ lineData.busInfo.diffSeq }}<span>站</span></div>
				<div ng-if="lineData.busInfo.busStatus != 1 && lineData.busInfo.busStatus != 4" class="line-pre-stationTime"><span style="margin:0 4px 0 0">约</span>{{ lineData.busInfo.arrivalTime }}<span>分钟</span></div>
				<div ng-if="lineData.busInfo.busStatus == 1" class="line-pre-isStation will-station">即将到站</div>
				<div ng-if="lineData.busInfo.busStatus == 4" class="line-pre-isStation has-station">已到站</div>
			</div>
		</div>
		<div class="line-predict" ng-if="lineData.nobus" ng-class="{smallScreen : scaleSmall}">
			<div class="nobus">等待发车...</div>
		</div>
		<!--
			这里判断一下是否是小屏手机（低于480PX，如iphone4 3.5寸类或其他陈旧的安卓手机 ）
			scaleSmall 会对直线图进行85%的缩小，站点实时预测会变窄，拖拽也会变为XY轴。目的是为了让小屏显示与操作更加流畅，
			autoHeight 自动计算一个高度，让该屏幕始终不出现纵向滚动条
		-->
		<div ng-init="direction = scaleSmall ? 'xy' : 'x' " style="margin-top:10px;">
			<ion-scroll id="line-map-scroll" delegate-handle="lineMap" direction="{{direction}}" scrollbar-x="false" scrollbar-y="false" class="line-map" ng-style="{ height: autoHeight }" style="padding-top:6px;">
				<line-map line-data="linePreData" get-line-data="getLineDataFromMap()" favors="myFavors" ng-class="{ scaleSmall : scaleSmall }"></line-map>
			</ion-scroll>
		</div>

	</ion-content>
	<ion-footer-bar>
		<div class="line-footer">
			<div class="line-footer-btn turnRound" ng-click="changeDirection();"><i class="we-font we-icon-huanyihuan"></i>换向</div>
			<div class="line-footer-btn favorLine" ng-click="favorLine( $event );"><i class="we-font" ng-class="{ 'we-icon-favor' : myFavors.indexOf(lineData.lineStationId) == -1 , 'we-icon-favorfill' : myFavors.indexOf(lineData.lineStationId) != -1, 'favor-active' : myFavors.indexOf(lineData.lineStationId) != -1 }"></i>{{ myFavors.indexOf(lineData.lineStationId) == -1 ? '收藏' : '已收藏' }}</div>
			<div class="line-footer-btn turnRound" ui-sref="assess"><i class="icon ion-clipboard"></i>评价</div>
			<div class="line-footer-btn refreshLine" ng-click="refreshLineMap2()"><i class="we-font we-icon-refresh"></i>刷新</div>
		</div>
	</ion-footer-bar>
</ion-modal-view>
<style>
	.line-con{
		background-color: #f2f2f2;
	}
	.validate{
		text-align: center;
	}
	.bar-footer{
		border-top: 1px solid #ccc;
	}
	/*.topbusNum {
		position: absolute;
		width: 200px;
		font-size: 12px;
		top: -16px;
		left: -13px;
		color: #E64A19 !important;
	}*/
</style>
